body {
  --transition-duration: 70ms;
  --transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}
body span,
body div:empty,
body input,
body textarea,
body svg *,
body li,
body a {
  transition-property: color, background-color, border-color, opacity, filter, text-decoration-color, fill, box-shadow;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}
body div:not(:empty),
repl,
.kui--sidecar,
body th,
body td {
  transition-property: background-color, border-color, opacity, filter;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}

body[kui-theme-style] .bx--link {
  pointer-events: unset;
  touch-action: unset;
  color: var(--color-text-01);
  white-space: normal;

  &[href] {
    color: var(--color-brand-01);
  }
  &:visited {
    color: var(--color-text-01);
  }
  &:hover {
    color: var(--color-hover-primary-text);
  }
}

body[kui-theme-style] {
  /* carbon sets a line-height of "1", which does not work in the REPL */
  line-height: unset;
}
